﻿<!-- <!DOCTYPE html>
<html>

<head>
	<meta charset="UTF-8">
	<title>互动管理</title>
	<link rel="stylesheet" href="../css/common.css">

</head>

<body class="main-body">
	<div id="vue-root">
		<ul class="main-nav2 main-nav-tree basis">
			<li class="main-side-item2 " :class="{main_itemed:mainItem==index}" @click="mainItem=index"
				v-for="(menu,index) in menues" :key="index">
				<a target="myiframe1" :href="menu.ref">
					<div v-text="menu.title"></div>
				</a>
			</li>
		</ul>
	</div>
	<div>
		<iframe src="interactive_classes_circle.html" name="myiframe1"
			style="width: 100%;min-height: 800px;overflow-x:hidden;overflow-y:auto;" scrolling="auto"></iframe>
	</div>
	<script src="/scriptZIP/vue.min.js"></script>

	<script>
		var app = new Vue({
			el: '#vue-root',
			data: {
				mainItem: 0,
				menues: [{
					title: "班级圈管理",
					ref: "interactive_classes_circle.html",
				}, {
					title: "作业管理",
					ref: "interactive_homework.html",
				}, {
					title: "请假管理",
					ref: "interactive_leave.html",
				}, {
					title: "班级通知",
					ref: "interactive_classes_notice.html",
				}]
			},
		});
	</script>

</body>

</html> -->